<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Welcome to Member Center</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/jquery.js" charset="utf-8"></script>
        <script type="text/javascript" src="js/easySlider1.5.js" charset="utf-8"></script>
        <script type="text/javascript" charset="utf-8">
            // <![CDATA[
            $(document).ready(function(){
                $("#slider").easySlider({
                    controlsBefore:	'<p id="controls">',
                    controlsAfter:	'</p>',
                    auto: true,
                    continuous: true
                });
            });
            // ]]>
        </script>
        <style type="text/css">
            #slider {
                padding:10px 0 10px 0;
                margin:0;
                list-style:none;
                width:674px;
            }
            #slider ul, #slider li {
                margin:0;
                padding:0;
                list-style:none;
            }
            #slider li {
                width:674px;
                height:385px;
                overflow:hidden;
            }
            p#controls {
                margin:0;
                position:relative;
            }
            #prevBtn {
                display:none;
            }
            #nextBtn {
                display:block;
                margin:0;
                overflow:hidden;
                width:24px;
                height:24px;
                position:absolute;
                left:0;
                top:-40px;
            }
            #nextBtn {
                left:634px;
            }
            #nextBtn a {
                display:block;
                width:24px;
                height:24px;
                background:url(images/button_next.gif) no-repeat 0 0;
            }
            
        </style>
    </head>
    <body>
        <div id="container">
            <jsp:include page="includes/header.html" />
            <div class="main">
                <div class="services">
                    <div class="service_bg">
                        <h3>Welcome back!</h3>
                        <p>Welcome back member! Here you can purchase any movie sections as you want. You can also check your loalty point. If you want to leave, do not forget to log out!</p>
                    </div>
                    <div class="clr"></div>
           			 <div class="service_bg">
                    <h3>About the authors</h3>
                    <p><img src="images/user_pic.jpg" width="63" height="63" hspace="5" align="left" alt="picture" /><a href="#"><strong>ZHANG Niantong</strong></a><br />
                        Department of Computer Science, City University of Hong Kong</p>
                    <p><img src="images/user_pic.jpg" width="63" height="63" hspace="5" align="left" alt="picture" /><a href="#"><strong>ZHANG Hao</strong></a><br />
                         Department of Computer Science, City University of Hong Kong</p>
                         </div>
                         <div class="service_bg">
                         <h3>Contect us!</h3>
                    <p>Tat Chee Avenue, Kowloon, Hong Kong SAR  </p>
                    <p><span class="px22">+ 852 1111 1111</span></p>
                    </div>
                </div>
                <div class="global_main">
                    <div class="header_images">
                        <div class="gallery" id="slider">
                            <ul>
                                <li><img src="images/KFPANDA_1020.jpg" width="674" height="337" alt="screen 1" /><br />
                                    <span><strong>Kung Fu Panda</strong> Directed by John Wayne Stevenson and Mark Osborne and produced by Melissa Cobb </span></li>
                                <li><img src="images/yewen2.jpg" width="674" height="337" alt="screen 1" /><br />
                                    <span><strong>Ip Man 2</strong> Directed by Wilson Yip. Starring Donnie Yen, Simon Yam, Sammo Hung Kam-Bo.  </span></li>
                                <li><img src="images/The-Kings-Speech-Poster-uk-poster.jpg" width="674" height="337" alt="screen 1" /><br />
                                    <span><strong>The King's Speech </strong> Directed by Tom Hooper. Starring Colin Firth, Geoffrey Rush, Helena Bonham Carter.  </span></li>
                            </ul>
                        </div>
                    </div>
                    <ul class="list_gallery">
                        <li><img src="images/KFPANDA_1020.jpg" alt="movie 1" width="216" height="155" border="0" /></li>
                        <li><img src="images/yewen2.jpg" alt="movie 2" width="216" height="155" border="0" /></li>
                        <li class="last"><img src="images/The-Kings-Speech-Poster-uk-poster.jpg" alt="movie 3" width="216" height="155" border="0" /></li>
                    </ul>
                    <div class="clr"></div>
                    <div class="block_text">
                        <div class="block_list">
                            <p class="title">Kung Fu Panda</p>
                            <p>In the Valley of Peace, Po the Panda finds himself chosen as the Dragon Warrior despite the fact that he is obese and a complete novice at martial arts. </p>    
                            <a href="memberSearch.do" class="link"> Purchase Now! </a> </div>
                        <div class="block_list">
                            <p class="title">Ip Man 2</p>
                            <p>Centering on Ip Man's migration to Hong Kong in 1949 as he attempts to propagate his discipline of Wing Chun martial arts. He is the honor of Hong Kong people. </p>
                            <a href="memberSearch.do" class="link"> Purchase Now! </a> </div>
                        <div class="block_list">
                            <p class="title">The King's Speech</p>
                            <p>The story of King George VI of Britain, his impromptu ascension to the throne and the speech therapist who helped the unsure monarch become worthy of it. </p>
                            <a href="memberSearch.do" class="link"> Purchase Now! </a> </div>
                        <div class="clr"></div>
                        <div class="block_full">
                            <p class="title">About this website</p>
                            <p>The Cult Cinema Inc. is building a multi-story cinema complex near the Westland Culture District. For fully supporting the requirements from general public on the Internet and ticketing officers at the box office, our team has built a multi-lingual Internet-based ticketing system for The Cult Cinema Inc. This ticketing system is totally based on all the possible scenarios and on behalf of all the stakeholders’ profits. </p>
                        </div>
                    </div>
                </div>
            </div>
            <jsp:include page="includes/footer.html" />
        </div>
    </body>
</html>